// 登录页主组件
import React from "react";
import "@/assets/css/login.css";
import { Card } from "antd";
import { Tabs } from "antd";
import MobileLogin from "./MobileLogin";
import PwdLogin from "./pwdLogin";
const onChange = (key) => {
  console.log(key);
};
const Index = () => {
  return (
    <div className="login">
      <Card
        bordered={false}
        style={{
          width: 350,
        }}
      >
        <Tabs centered  tabBarGutter={100}
          defaultActiveKey="1"
          onChange={onChange}
          items={[
            {
              label: `密码登录`,
              key: "1",
              children: <PwdLogin></PwdLogin>,
            },
            {
              label: `短信登录`,
              key: "2",
              children:<MobileLogin></MobileLogin>,
            }
          ]}
        />
      </Card>
    </div>
  );
};
export default Index;
